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· Работаю фронтенд-разработчиком в Росбанке 
e ВИ с 2010 года 


. Успел поработать в разных ролях: сисадмин / DevOps, 
тестировщик, разработчик 


. Периодически контрибьючу в опенсорс: пез 5, дгрс-меб, @nrwl/ 
пх, angular-eslint, falso и т.д. 
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. Явные (постоянные ака хард-код) 


. рандомные 


Когда какой тип 
применять? 


Явные тестовые данные 


. Олй-тестъ 


Явные тестовые данные 


. Олй-тестъ 


. Edge сазе ь1, где важна точность 


Явные тестовые данные 


рре 
4 Воо1еапТех+Ріре } '. /рооТеап-Тех+.р1ре"; 
дезсгтре( " ВооеапРз ре", () 


it('should be Yes when true ргом1деа', () 
pipe BooleanTextPipe(); 


expect(pipe. 


7); 


it('should Бе Yes when 1 ргомійеа', () 
ріре Воо1еапТех+Ріре(); 


ехресї(ріре. (1)). ("Да"); 
19; 


it('should be Мо when false ргом1дед', () 
pipe BooleanTextPipe(); 


expect(pipe. J ("Нет"); 
13] 
ШЕ 
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Рандомные тестовые данные 


· Интеграционные / е2е-тесты 
· Для показа результатов выполненной фичи 


. Для деморежима приложения 


Рандомные данные 


Подготовка тестовых данных 


А какие же тестовые данные нам нужны? 


. Понятные для человека 
. Близкие к реальности 
· Корректные по бизнес-смыслу 


. Гибкие в плане отображения локали (рус / англ / ит.д.) 


Тестовые данные 
Рублёвые платежи Импорт 


Исходящие Входящие Шаблоны Картотека 


Дата У |, Контрагент Y Назначение Ў Статус Ү 


О 85063 04.10.2022 Dooley and Sons Оплата по договору 2354-3 8 224 203.97 ВОВ Исполнен Фа 
40302.450.8.79538886425 


С) 1571 03.10.2022 Weber пс Оплата по договору 2354-1 621 345.91 ВОВ Создан 2 кез 
40302.714.3.15645208888 


О 54018 02.10.2022 Weber inc Оплата за материалы по договору №25- 3 103 236.22 ВОВ Требуетса “жа 

40302 563.1 85823432403 Рот 29.03.2020 и накладной №156 от... подтвержде 
ние по СМС 

СО 90633 30.09.2022 Welch, Lockman апа Напа Оплата по договору 2353 НДС не 2202 192.23 ВОВ Черновик ... 
40302.717.1.47470448786 облагается 

С) 63624 30.09.2022 Kuhlman, Schowalter апа West Предварительная оплата за 6 477 357.93 КОВ Создан 2 ... 
26468 465 6 87605469343 транспортные услуги по счёту № 12 от... 

С) 48703 29.09.2022 Jacobi- Kutch Оплата по договору 2354-3 3 150 731.67 ВОВ Отменен ебе 


40302.874.3.94423783487 


О 84122 28.09.2022  5геџбег, Luettgen апа Corkery Оказание услуг по договору 432 на 2 904 416.21 ВОВ В работе 2 кєй 
72861 638 0 84316833175 основании акта № 25 от 25 июня 2020... 
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регѕоп 


"firstName": "Дмитрий", 
"LastName": "Захаров", 
"addresses": | 


{ 


"city": "Москва", 
'5тгеет": "ул. Рандомная, д.1", 
"appartment": "55" 
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. Явный хард-код 


Подготовка тестовых данных 


Какие есть проблемы? 


. Явный хард-код 


. Только одна локаль 


Решение: использовать 
библиотеки для генерации 
тестовых данных 
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Какие бывают проблемы? 


== 


гезроп$е 
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"раскадеѕ": | 
{ 


"firstName": "Дмитрий", 


"LastName": "Захаров", 
"address": "Москва, ул. Рандомнаа 1, д.1, 35" 


Взаимодействие 


Какие бывают проблемы? 


и 


геѕропѕе 


"firstName": "Дмитрий", 
"LastName": "Захаров", 
"addresses": | 
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"city": "Москва", 


"street": "ул. Рандомнаа 1, д.1", 
"appartment": "55" 


Взаимодействие 


Какие бывают проблемы? 


Мы берем задачи только после того, как готов бэк 


Проблема структур данных (бзкендер и фронтендер смотрят со 
своих колоколен) 


· Опечатки в названиях или ‘кривые’ переводы на англ 


Взаимодействие 


Какие бывают проблемы? 


геѕропѕе 


"firstName": "Дмитрий", 
"Тозб Мате": "Захаров", 
"addresses": | 
4 
"сіу": "Москва", 
"street": "ул. Рандомная 1, д.1", 


"appartment": "35" 
} 
|| 
"рглсе": 1042, 
"currency": “Russian Rubbles" 
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Три Амиго 


Три Амиго 


· Бизнес: какую проблему мы пытаемся решить? 
. Разработка: как мы можем создать решение для этой проблемы? 


· Тестирование: что может пойти не так? 


Доклад Глеба Михеева про Contract First подход 


зырт, 
Ва 
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Детали процесса 


export interface 


Структура данных 


ассооп гоџрћМате 2: 


даТтеЕгот?: 


датето?: я 
1псот1 паВаТтапсе?: 
оџТдолпдВаТапсе2: 


о та 052: 
turnoversCredit?: 
turnoversDebit?: 
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· Создаем у себя Турезспр! класс или интерфейс для модели 
данных 


· Внедряем тестовые данные в стор (эффекты), или сервис 


. Выполняем разработку так, словно данные приходят с бэкенда 


Что получаем в итоге? 


Переделать потом — дороже, 
чем сейчас 


(с) опыт 
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Переделать потом — дороже, чем сейчас 


. Низкий шанс переделок 


Результаты 


Переделать потом — дороже, чем сейчас 


. Низкий шанс переделок 


. Рассмотрение контракта с обоих углов (фронт / бэк) 


Результаты 


Переделать потом — дороже, чем сейчас 


. Низкий шанс переделок 
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Рассмотрение контракта с обоих углов (фронт / бэк) 


· Закрепление контракта (как минимум готова структура данных) 
либо swagger / агрс proto 
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Возможность параллельной разработки вместе с бзкендером 


Возможность показать результат с помощью моковых тестовых 
данных тем, кто принимает результат работы 


Меньше изменений в коде при реальной интеграции с бзком 


Результаты 


Переделать потом — дороже, чем сейчас 


° Бонус: можно покрьвать юнит-тестами 
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. falso 
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Инструменты 


Что предлагают эти инструменты нам? 


Возможность генерить данные, используя предметную область 


Человеко-читаемые и понятные тестовые данные, а не набор 
рандомных букв и цифр 


Возможность получать всегда разные, но при этом валидные 
данные (хорошо дла списков / таблиц и тд.) 


Тестовые данные 


регѕоп 


import + | from '@Qfaker-js/faker'; 


export function OR 
return { 
firstName: .name.firstName(), 
lastName: .name.lastName(), 
addresses: [ 
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сіту: .address.city(), 
street: .address.streetAddress(), 
appartment]: .datatype.number(), 

} 


Тестовые данные 


регѕоп 


import + А Е І r } 
from '@ngneat/falso'; 


export function (ят 
return + 
firstName: (0 
lastName: (), 
addresses: | 
{ 
city: От 
ѕігееї: Ој 
appartment: ({ min: 1, max: 99 }), 
} 


Тестовые данные 


геѕропѕе 


export function 
return { 

id: (газта Каа) 
number: (4 accountlength: 5 |), 
date: ( (4 дауз: 150 $)), 
uniqueNumber: (4 mask: '########/йн##/н#н#/#/#' }), 
степ? тв: | ОТ, 
пате: op 
statys: ( .values( .StatusEnum)), 
registrationDate: ({ days: 150 })), 
closureDate: ( (4 дауз: 150 ;)), 
amount: ({ min: 100, max: 10000 }), 
суггепсуСойе: ( ).сойе, 
balance: ({ min: 100, max: 10000 }), 
completionDate: ( (< years: 2 })), 
айуапсе: (7 
соггепсуС1аџоѕе: + Туре: "СЕМТВАГ ВАМК ВАТЕ" +, 
рег? ой3 сЕ 3 хедРаутеп 5: (0; 
paidAmount: (4 min: 100, max: 10000 }), 
fulfilledAmount: Пад! (4 min: 100, тах: 10000 |), 
prolongation: 7 
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40302.717.1.47470448786 облагаетса 

С) 63624 30.09.2022 Kuhlman, Schowalter апа West Предварительная оплата за 6 477 357.93 КОВ Создан 2 ... 
26468 465 6 87605469343 транспортные услуги по счёту № 12 от... 

С) 48703 29.09.2022 Jacobi- Kutch Оплата по договору 2354-3 3 150 731.67 ВОВ Отменен ебе 


40302.874.3.94423783487 


О 84122 28.09.2022  5геџбег, Luettgen апа Corkery Оказание услуг по договору 432 на 2 904 416.21 ВОВ В работе 2 кєй 
72861 638 0 84316833175 основании акта № 25 от 25 июня 2020... 


Инструменты 


Кредиты 


Кредиты Заявления 


Следующий платёж V Задолженность 


Сумма кредита Ў 


Договор У Ставка % 


Возобновляемая кредитная линия 
МОЅ5/КК/345/88 
от 22.11.2021 


Овердрафт 
МО5/КК/298/04 
от 08.06.2022 


Овердрафт 
МО5/КК/415/51 
от 21.06.2022 


Транш 
МО5/КК/456/76 
от 28.08.2022 


Возобновляемая кредитная линия 
МО5/ВК/1 33/48 
от 05.05.2022 


Кредитный договор 
МО5/КК/678/72 
от 29.11.2021 


12 


13 


13.5 


132: 


10 


10 


15 891 705.72 КОВ 


18 347 521.67 КОВ 


18 866 544.16 КОВ 


15 311 192.20 КОВ 


18 209 434.72 КОВ 


15 643 385.56 КОВ 


5 584 453.34 КОВ 


11 319 657.47 КОВ 


5 523 875.21 КОВ 


13 819 489.10 КОВ 


7 835 323.29 КОВ 


7352 859.54 КОВ 


5 772 476.93 КОВ 


11 264 000.12 КОВ 


11 389 444.02 КОВ 


12 085 236.22 КОВ 


12 238 290.58 КОВ 


7 217 222.16 КОВ 


Тестовые данные 


регѕоп 


import + | from '@Qfaker-js/faker'; 


export function OR 
return { 
firstName: .name.firstName(), 
lastName: .name.lastName(), 
addresses: [ 
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сіту: .address.city(), 
street: .address.streetAddress(), 
appartment]: .datatype.number(), 
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Faker — самый популярный инструмент 
. Достаточно простой АР! 


Развивается сообществом (форк от автора — неадекватного 
меинтенера) 


Faker 


плюсы и минусы 


Faker — самый популярный инструмент 
. Достаточно простой АР! 


Развивается сообществом (форк от автора — неадекватного 
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меинтенера) 
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Тестовые данные 


регѕоп 


import + А Е І r } 
from '@ngneat/falso'; 


export function (ят 
return + 
firstName: (0 
lastName: (), 
addresses: | 
{ 
city: От 
ѕігееї: Ој 
appartment: ({ min: 1, max: 99 }), 
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° Простота перехода от моков к реальным данным 
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